/*
 * @Author: 周鹏飞
 * @Date: 2021-06-03 14:14:22
 * @LastEditors: 周鹏飞
 * @LastEditTime: 2021-07-05 10:34:55
 * @Description: file content
 */

leftOne = {
  title: {
    text: "主线车流统计",
    padding: [0, 0, 0, 30],
    textStyle: {
      color: "#fff",
      fontSize: 18,
      fontWeight: "normal"
    }
  },
  tooltip : {
    trigger: 'axis',
    axisPointer: {
        type: 'cross',
        label: {
            backgroundColor: '#6a7985'
        }
    }
},
  legend: {
    itemGap: 50,
    padding: [5, 0, 0, 15],
    icon: "rect",
    data: ['统计'],
    textStyle: {
      color: '#ffffff'//字体颜色
    },
    top: '40',
    left: '20'
  },
  xAxis: {
    type: 'category',
    data: [],
    axisLabel: {
      interval: 0,
      show: true,
      textStyle: {
        color: '#ffffff'
      }
    },
    axisLine: {       //x轴刻度线
      show: false
    },

  },
  yAxis: {
    type: 'value',
    offset: -15,
    axisLabel: {
      interval:0,
      show: true,
      textStyle: {
        color: '#ffffff'
      },

    },
    axisLine: {       //y轴刻度线
      show: false
    },
    splitLine: {
      lineStyle: {
        color: '#305f89'
      }    //网格线
    }
  },
  grid: {
    show: false,
    top: "30%"
  },
  series: [
    {
      name: '统计',
      type: 'line',
      data: [],
      color: '#00efff'
    },
    // {
    //   name: '环比',
    //   type: 'line',
    //   data: [0.4, 1.0, 1.2, 2.4, 1.5, 2.2, 1.7, 1.7, 1.4, 2.7, 1.1, 1.5],
    //   color: '#f3bc43'
    // },
  ],

};

function getTraffic() {
  var myChart1 = echarts.init(document.getElementById('Eleft_one'));
  $.ajax({
    type: 'post',
    url: httpUrl + 'statistics/statistics/mainLineTrafficFlow',
    data: JSON.stringify({ 'carType': vm.carType }),
    dataType: 'json',
    contentType: "application/json",
    headers: {
      Authorization: localStorage.getItem('token')
    },
    success: function (res) {
      leftOne.xAxis.data = res.data.dateTimeList.map(item => {
        return item.substr(-5)
      })
      leftOne.series[0].data = res.data.todayYearList;
      myChart1.setOption(leftOne)

    },
    error: function (err) {
      vm.$message({
        message: '查询失败请稍后再试,或与管理员联系',
        type: 'error'
      });
    }
  })
}
// option = {
//   title: {
//     text: '主线车流同比环比',
//     textStyle: {
//       color: "#fff"
//     }
//   },
//   tooltip: {
//     trigger: 'axis'
//   },
//   legend: {
//     data: ['同比', '环比']
//   },
//   toolbox: {
//     show: true,
//     feature: {
//       dataZoom: {
//         yAxisIndex: 'none'
//       },
//       dataView: { readOnly: false },
//       magicType: { type: ['line', 'bar'] },
//       restore: {},
//       saveAsImage: {}
//     }
//   },
//   xAxis: {
//     boundaryGap: false,
//     data: ['2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],

//   },
//   yAxis: {
//     type: 'value',
//     axisLabel: {
//       formatter: '{value}',
//       textStyle: {
//         color: "#fff"
//       }
//     }
//   },
//   series: [
//     {
//       name: '最高气温',
//       type: 'line',
//       data: [10, 11, 13, 11, 12, 12, 9],
//       markPoint: {
//         data: [
//           { type: 'max', name: '最大值' },
//           { type: 'min', name: '最小值' }
//         ]
//       },
//       markLine: {
//         data: [
//           { type: 'average', name: '平均值' }
//         ]
//       }
//     },
//     {
//       name: '最低气温',
//       type: 'line',
//       data: [1, -2, 2, 5, 3, 2, 0],
//       markPoint: {
//         data: [
//           { name: '周最低', value: -2, xAxis: 1, yAxis: -1.5 }
//         ]
//       },
//       markLine: {
//         data: [
//           { type: 'average', name: '平均值' },
//           [{
//             symbol: 'none',
//             x: '90%',
//             yAxis: 'max'
//           }, {
//             symbol: 'circle',
//             label: {
//               position: 'start',
//               formatter: '最大值'
//             },
//             type: 'max',
//             name: '最高点'
//           }]
//         ]
//       }
//     }
//   ]
// };